
// import myMenu from './views/menu.js?v=3'

const { ref, reactive, defineAsyncComponent } = Vue

export default {
  name: 'app',
  components: {},
  template: `
  <el-container>
    <el-header>
      <el-radio-group v-model="routerKind" size="mini">
        <el-radio-button label="单页"></el-radio-button>
        <el-radio-button label="tabs"></el-radio-button>
      </el-radio-group> 可以切换单页模式、动态tab模式 ————
      CND的方式 二次封装UI库
    </el-header>
    <el-container>
      <el-aside width="200px">
        <!--菜单-->
        <nf-menu/>
      </el-aside>
      <el-container>
        <el-main>
          <!--加载组件 <pinia-state/>  -->
          <nf-router-view v-if="routerKind === '单页'"></nf-router-view>
          <nf-router-view-tabs v-if="routerKind === 'tabs'"></nf-router-view-tabs>
        </el-main>
        <el-footer>
          基于 element-plus 二次开发，封装UI库的共用函数。by NatureFramework
        </el-footer>
      </el-container>
    </el-container>
  </el-container>全局状态：{{$state}}
  `,
  setup() {
    const routerKind = ref('单页')

    return {
      routerKind
    }
  }
}